@extends('admin.layouts.master')
@section('content')
<div id="bjui-top" class="bjui-header">
    <div class="container_fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapsenavbar" data-target="#bjui-top-collapse" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <nav class="collapse navbar-collapse" id="bjui-top-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="datetime"><a><span id="bjui-date">0000/00/00</span> <span id="bjui-clock">00:00:00</span></a></li>
                <li><a href="#">账号：{{ $username }}</a></li>
                <li><a href="#">角色：{{ $roleName }}</a></li>
                <li><a href="/admin/user/change-password" data-toggle="dialog" data-id="sys_user_changepass" data-mask="true" data-width="550" data-height="370">修改密码</a></li>
                <li><a href="/admin/logout" style="font-weight:bold;">&nbsp;<i class="fa fa-power-off"></i> 注销登陆</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle bjui-fonts-tit" data-toggle="dropdown" title="更改字号"><i class="fa fa-font"></i> 大</a>
                    <ul class="dropdown-menu" role="menu" id="bjui-fonts">
                        <li><a href="javascript:;" class="bjui-font-a" data-toggle="fonts"><i class="fa fa-font"></i> 特大</a></li>
                        <li><a href="javascript:;" class="bjui-font-b" data-toggle="fonts"><i class="fa fa-font"></i> 大</a></li>
                        <li><a href="javascript:;" class="bjui-font-c" data-toggle="fonts"><i class="fa fa-font"></i> 中</a></li>
                        <li><a href="javascript:;" class="bjui-font-d" data-toggle="fonts"><i class="fa fa-font"></i> 小</a></li>
                    </ul>
                </li>
                <li class="dropdown active"><a href="#" class="dropdown-toggle theme" data-toggle="dropdown" title="切换皮肤"><i class="fa fa-tree"></i></a>
                    <ul class="dropdown-menu" role="menu" id="bjui-themes">
                        <!--
                        <li><a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default">&nbsp;<i class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;</a></li>
                        <li><a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange">&nbsp;<i class="fa fa-tree"></i> 橘子红了</a></li>
                        -->
                        <li><a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple">&nbsp;<i class="fa fa-tree"></i> 紫罗兰</a></li>
                        <li class="active"><a href="javascript:;" class="theme_blue" data-toggle="theme" data-theme="blue">&nbsp;<i class="fa fa-tree"></i> 天空蓝</a></li>
                        <li><a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green">&nbsp;<i class="fa fa-tree"></i> 绿草如茵</a></li>
                    </ul>
                </li>
                <li><a href="javascript:;" onclick="bjui_index_exchange()" title="横向收缩/充满屏幕"><i class="fa fa-exchange"></i></a></li>
            </ul>
        </nav>
    </div>
</div>

<header class="navbar bjui-header" id="bjui-navbar">
    <div class="container_fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" id="bjui-navbar-collapsebtn" data-toggle="collapsenavbar" data-target="#bjui-navbar-collapse" aria-expanded="false">
                <i class="fa fa-angle-double-right"></i>
            </button>
            <a class="navbar-brand" href="{{ env('APP_URL') }}"><img src="/assets/admin/layouts/images/logo.png" height="30"></a>
        </div>
        <nav class="collapse navbar-collapse" id="bjui-navbar-collapse">
            <ul class="nav navbar-nav navbar-right" id="bjui-hnav-navbar">
                @foreach ($topMenuList as $topMenu)
                    @if ($topMenu['active'])
                        <li class="active">
                    @else
                        <li>
                    @endif
                    @if ($topMenu['isChildren'])
                            <a href="/admin/side-menu-list/{{ $topMenu['id'] }}" data-toggle="sidenav" data-id-key="targetid">{{ $topMenu['name'] }}</a>
                    @else
                            <a href="javascript:;" data-toggle="sidenav" data-id-key="targetid">{{ $topMenu['name'] }}</a>
                    @endif
                        </li>
                @endforeach

                {{--<li class="active">--}}
                {{--<a href="/assets/vendor/bjui/json/menu-form.json" data-toggle="sidenav" data-id-key="targetid">表单相关</a>--}}
                {{--</li>--}}
                {{--<li>--}}
                {{--<a href="/assets/vendor/bjui/json/menu-base.json" data-toggle="sidenav" data-id-key="targetid">基础组件</a>--}}
                {{--</li>--}}
                {{--<li>--}}
                {{--<a href="/assets/vendor/bjui/json/menu-datagrid.json" data-toggle="sidenav" data-id-key="targetid">数据表格(Datagrid)</a>--}}
                {{--</li>--}}
                {{--<li>--}}
                {{--<a href="javascript:;" data-toggle="sidenav" data-tree="true" data-tree-options="{onClick:MainMenuClick}" data-id-key="targetid">待续……</a>--}}
                {{--<script class="items"></script>--}}
                {{--</li>--}}
                {{--<li>--}}
                {{--<a href="1.2" target="_blank">旧版DEMO</a>--}}
                {{--</li>--}}
            </ul>
        </nav>
    </div>
</header>
<div id="bjui-body-box">
    <div class="container_fluid" id="bjui-body">
        <div id="bjui-sidenav-col">
            <div id="bjui-sidenav">
                <div id="bjui-sidenav-arrow" data-toggle="tooltip" data-placement="left" data-title="隐藏左侧菜单">
                    <i class="fa fa-long-arrow-left"></i>
                </div>
                <div id="bjui-sidenav-box">

                </div>
            </div>
        </div>
        <div id="bjui-navtab" class="tabsPage">
            <div id="bjui-sidenav-btn" data-toggle="tooltip" data-title="显示左侧菜单" data-placement="right">
                <i class="fa fa-bars"></i>
            </div>
            <div class="tabsPageHeader">
                <div class="tabsPageHeaderContent">
                    <ul class="navtab-tab nav nav-tabs">
                        <li><a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a></li>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;">#maintab#</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent">
                <div class="navtabPage unitBox">
                    <div class="bjui-pageContent">
                        <div class="highlight">
                            <pre class="prettyprint">
图片上传测试：
富文本编辑器测试：
                            </pre>
                            <!--图片上传测试开始-->
                            <label class="row-label">图片上传测试</label>
                            <div class="row-input">
                                <input type="file" data-name="custom.pic" data-toggle="webuploader" data-options="
                            {
                                pick: {label: '点击选择图片'},
                                server: 'http://my.laravel.com/admin/test/upload',
                                fileNumLimit: 1,
                                required: true,
                                accept: {
                                    title: '图片',
                                    extensions: 'jpg,png',
                                    mimeTypes: '.jpg,.png'
                                }
                            }">
                            </div>
                            <!--图片上传测试结束-->

                            <!--富文本编辑器测试开始-->
                            <label class="row-label">富文本编辑器测试</label>
                            <div class="row-input">
                                <textarea
                                        name="content"
                                        id="j_form_content"
                                        class="j-content"
                                        style="width: 700px;"
                                        data-toggle="kindeditor"
                                        data-minheight="200"
                                        {{--data-uploadJson=""--}}
                                ></textarea>
                            </div>
                            <!--富文本编辑器测试结束-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="/assets/vendor/b-jui/other/ie10-viewport-bug-workaround.js"></script>
@endsection